<template>
  <div class="app-container">
    <div class="main-content">
      <el-tabs
        v-model="activeName"
        class="tabs"
      >
        <el-tab-pane
          :label="$t('webInfoConfig.platformSideConfiguration')"
          name="webConfigBs"
        >
          <add-or-update
            param-key="PLATFROM_WEBSITE_CONFIG"
            remark="平台端网站配置"
          />
        </el-tab-pane>
        <el-tab-pane
          :label="$t('webInfoConfig.pcConfiguration')"
          name="webConfigPc"
        >
          <add-or-update
            param-key="PC_WEBSITE_CONFIG"
            remark="PC端网站配置"
          />
        </el-tab-pane>
        <el-tab-pane
          :label="$t('webInfoConfig.h5Configuration')"
          name="webConfigUni"
        >
          <add-or-update
            param-key="H5_WEBSITE_CONFIG"
            remark="H5端网站配置"
          />
        </el-tab-pane>
        <el-tab-pane
          :label="$t('webInfoConfig.stationConfiguration')"
          name="webConfigStation"
        >
          <AddOrUpdate
            param-key="STATION_WEBSITE_CONFIG"
            remark="门店端网站配置"
          />
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>

<script setup>
import AddOrUpdate from './add-or-update.vue'
const activeName = ref('webConfigBs')
</script>
